<!DOCTYPE html>

<head>
<title>Dockmole</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0;  user-scalable=0;" name="viewport">
<link href="jquery-mobile/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: 微软雅黑;
}
img {
	max-width: 100%;
	height: auto;
}
</style>
</head>

<body>
<!--page home-->
<div data-role="page" id="home" data-transition="slide"  data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>任意门</h1>
  </div>
  <div data-role="content"> <img src="images/1411.png"> <a href="#page1" data-role="button" data-icon="star">世界很大，任意门让我们相遇...</a> </div>
  <div data-role="footer">
    <h1>2011年5月</h1>
  </div>
</div>
<!--page page1-->
<div data-role="page" id="page1" data-transition="slide"  data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1419.png"> <a href="#page2" data-role="button" data-icon="star">你是一个优点数不完的女孩</a> </div>
  <div data-role="footer">&nbsp;</div>
</div>
<!--page page2-->
<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1413.png">
    <div data-role="collapsible-set">
      <div data-role="collapsible" data-collapsed="true">
        <h3>逛街女王</h3>
        <p>天性、天性啊！</p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>热爱阅读</h3>
        <p>书架快垮了……</p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>放声歌唱</h3>
        <p>放心吧，人人都知道你是麦霸。</p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>哪道菜是亲的最爱</h3>
        <p>
        <ul>
          <li>蒜蓉空心菜</li>
          <li>腊肉炒芦篙</li>
          <li>农家小炒肉</li>
          <li>酸辣鸡杂</li>
        </ul>
        </p>
      </div>
    </div>
    <a href="#page3" data-role="button">让我们继续</a></div>
  <div data-role="footer" >&nbsp;</div>
</div>
<!--page page3-->
<div data-role="page" id="page3" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1417.png">
    <div data-role="collapsible" data-collapsed="false">
      <h3>亲偶尔也会小失落</h3>
      <p>这个时候份外想陪在你身边……</p>
    </div>
    <a href="#page4" data-role="button">让我们继续</a> </div>
  <div data-role="footer"  >&nbsp;</div>
</div>
<!--page page4-->
<div data-role="page" id="page4" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"><img src="images/1415.png">
    <div data-role="collapsible" data-collapsed="false">
      <h3>所幸亲总是能很快打起精神</h3>
      <p>即使吵架，我们也很快就会和好……</p>
    </div>
    <a href="#page5" data-role="button">让我们继续</a></div>
  <div data-role="footer">&nbsp;</div>
</div>
<!--page page5-->
<div data-role="page" id="page5" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1416.png">
    <div data-role="collapsible-set">
      <div data-role="collapsible" data-collapsed="true">
        <h3>马拉松强人</h3>
        <p>成就："为爱奔跑"活动20公里</p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>羽毛球达人</h3>
        <p>成就：我不是林丹……</p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>麦霸</h3>
        <p>本项不设成就……</p>
      </div>
    </div>
    <a href="#page6" data-role="button">让我们继续</a> </div>
  <div data-role="footer"  >&nbsp;</div>
</div>
<!--page page6-->
<div data-role="page" id="page6" data-transition="flip" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1420.png">
    <div data-role="collapsible" data-collapsed="false">
      <h3>坚强而善良</h3>
      <p>亲坚强的笑容下，有着无与伦比的善良，永远重视身边人的感受，始终是家人的贴心小棉袄……</p>
    </div>
    <a href="#page7" data-role="button">让我们继续</a> </div>
  <div data-role="footer"  >&nbsp;</div>
</div>
<!--page page7-->
<div data-role="page" id="page7" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content"> <img src="images/1414.png">
    <div data-role="collapsible" data-collapsed="false">
      <h3>逛街包治百病</h3>
      <p>每次逛街回来都是亲最HIGH的时候，哦，不，是试衣服的时候……</p>
    </div>
    <a href="#page8" data-role="button">让我们继续</a> </div>
  <div data-role="footer"  > <a href="#page8">下页</a> </div>
</div>
<!--page page8-->
<div data-role="page" id="page8" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content">
  	<img src="images/1412.png">
    <div data-role="collapsible-set">
    	<div data-role="collapsible" data-collapsed="true">
        	<h3>2011.11.24</h3>
            <p>第一次被骂了后没生气，短信回复逗亲开心</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
        	<h3>2011.11.26</h3>
            <p>第一次聊通宵</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
        	<h3>2011.12.4</h3>
            <p>第一次大吵，事后检讨，需要更多的耐心</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
        	<h3>2011.12.18</h3>
            <p>第一次抱亲在路上走</p>
        </div>
    </div>
    <a href="#page9" data-role="button">让我们继续</a> 
  </div>
  <div data-role="footer">&nbsp;</div>
</div>
<!--page page9-->
<div data-role="page" id="page9" data-add-back-btn="true" data-back-btn-text="返回">
  <div data-role="header">
    <h1>佳佳，嫁给我吧！</h1>
    <a href="#home" class="ui-btn-right">首页</a> </div>
  <div data-role="content">
  	<img src="images/1418.png">
  	<div data-role="collapsible-set">
    	<div data-role="collapsible" data-collapsed="true">
        	<h3>为什么要用APP求婚?</h3>
            <p>Google Play商店对应用的名称有审核，不允许重复的App名，这是献给你的独一无二的礼物。它还能在Google Play不断升级，将来我们的BB长大了，打开这款应用就可以知道我们的故事……</p>
            
        </div>
        <div data-role="collapsible" data-collapsed="true">
        	<h3>关于鸭嘴兽</h3>
            <p>!@#$%^&*()</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
        	<h3>磨腮削骨</h3>
            <p>磨腮削骨是在口腔内测接近下颚角的位置切开，对多余下颌骨内、外两层全部切除，再对余下颌骨外板的边缘继续打磨变薄的整形手术。</p>
        </div>
    </div>

  </div>
  <div data-role="footer">&nbsp;</div>
</div>
</body>
</html>